<template>
    <div class="chapter-box">
      <h1>第三章</h1>
      <PaginationComponent :totalItems="100" :pageSize="10" @update="updateCurrentPage"/>
      <h2>上面的跳转页面就是</h2>
    </div>
  </template>
  
  <script>
  import PaginationComponent from './PaginationComponent.vue';
  
  export default {
    components: { PaginationComponent },
    methods: {
      updateCurrentPage(page) {
        console.log(`Home page current page is: ${page}`);
      }
    }
  };
  </script>

  <style>
/* .chapter-box {
  border: 2px solid red;
  padding: 10px;
  text-align: center;
} */

.chapter-box h1, .chapter-box h2 {
  display: inline-block;
  margin: 0; /* 移除默认的上下外边距 */
}
</style>